// 订单页
#order {
    .van-nav-bar__left {
        padding: 0;
    }

    .van-tab__text {
        color: #333333;
        font-weight: 600;
        font-size: 16px;
    }

    .van-tab--active {
        .van-tab__text {
            color: orangered;
            font-size: 18px;
        }
    }

    .van-tabs__line {
        display: none;
    }

    // 固定顶部导航栏
    .van-tabs__wrap {
        position: fixed;
        z-index: 2;
        width: 100%;
    }

    // 设置订单卡片初始位置，防止被顶部导航栏遮盖
    .van-tabs__content {
        padding-top: 50px;
    }

    .orderCard-title {

        // 设置店铺名和交易状态的高度
        .van-nav-bar__content {
            height: 36px;
        }
    }

    // .diy-card {
    //     .van-image {
    //         .van-image__img {
    //             border: 2px solid black;
    //             border-radius: 50px;
    //         }
    //     }
    // }
}

// 订单详情页
#order-details {
    .orderCard-title {
        .van-nav-bar__left {
            padding-left: 0;
        }
    }

    .order-inform {
        .diy-collapse {
            .van-cell {
                text-align: right;
            }
        }

        // >div:nth-child(3) {
        //     .van-cell+div {
        //         .van-collapse-item__content {
        //             .van-cell__title {
        //                 border: 1px solid black;
        //                 background-color: #333333;
        //                 text-align: left;
        //                 height: 200px;
        //             }
        //         }
        //     }
        // }
    }

}


// .swipetab {
//     .van-tabs__wrap {
//         position: fixed;
//         z-index: 2;
//         width: 100%;
//     }

//     .van-tabs__content {
//         // .van-tab__pane {
//         padding-top: 100px;
//         // }

//     }
// }

// 首页
.index {
    .my-header {
        .van-search .van-cell {
            padding: 0;
        }

        .my-nav {
            height: 2.25rem;

            .van-nav-bar__content {
                background-color: #4fc08d;
            }
        }
    }

    #beijing {
        background-color: rgb(228, 228, 228);
    }

    // 轮播图
    .my-swipe {
        text-align: center;
        padding: 0.25rem;

        img {
            height: 100%;
            border-radius: 0.9375rem;
            width: 96%;
        }
    }

    .nav {
        top: 0.25rem;
        position: relative;

        .van-grid-item__content {
            padding: 0;

            p {
                margin: 0;
                margin-bottom: 0.25rem;
                font-size: 0.8125rem;
            }
        }

        .van-grid-item__content img {
            margin: 0.25rem;
            width: 3.5rem;
            height: 3.5rem;
            display: block;
            overflow: hidden;
            border-radius: 30%;
            padding: 0;
        }
    }

    .my-xinpin {
        .jingpin {
            top: 0.0625rem;
            bottom: 0.0625rem;
            position: relative;

            .van-grid-item__content img {
                margin: 0;
                width: 100%;
                height: 100%;
                display: block;
                overflow: hidden;
                border-radius: 30%;
                padding: 0;
            }

            .van-grid-item__content {
                top: 0.625rem;
                border-radius: 0.9375rem;
                box-shadow: 0rem 0rem 0.625rem 0.125rem rgb(194, 193, 193);

                .jingpin1 {
                    top: 0.375rem;
                    width: 100%;
                    position: relative;

                    p {
                        margin: 0;
                        font-size: 0.75rem;
                    }

                    div {
                        display: flex;
                        justify-content: space-between;

                        .span1 {
                            position: relative;
                            top: 0.375rem;
                            font-size: 0.875rem;
                            text-align: center;
                            color: red;
                        }

                        .span2 {
                            background-color: aqua;
                            color: #ffffff;
                            font-size: 0.75rem;
                        }
                    }
                }
            }
        }
    }

    .my-show {
        overflow: hidden;
        top: 0.5rem;
        position: relative;
        display: block;

        .my-show1 {
            .van-image {
                margin: 0.25rem 0.375rem;

                img {
                    border-radius: 0.625rem;
                }
            }

            position: relative;
        }

        .my-show2 {
            margin: 0.25rem;
            display: flex;
            justify-content: space-between;

            .van-image {
                width: 100%;
                margin: 0.25rem;

                img {
                    width: 100%;
                    border-radius: 0.625rem;
                }
            }
        }
    }

    .my-xinpin {
        margin-top: 0.625rem;

        .xinpin1 {
            border: 0.0625rem solid black;
            background-color: #4fc08d;
            width: 10rem;
        }

        .xinpin11 {
            background-color: rgb(230, 14, 14);
            margin: 0.625rem;
            border-radius: 0.9375rem;
            overflow: hidden;
            height: 6.25rem;

            img {
                height: 4.375rem;
                background-position: center;
            }
        }

        .my-daohang {
            .van-nav-bar__content {
                height: 1.25rem;
                background-color: rgb(228, 228, 228);
                position: static;
            }
        }

        .xinpin1 div .van-card {
            border-radius: 0.9375rem;
            margin: 0rem 0.625rem 0rem 0.375rem;
        }
    }

    // 底部单个商品展示
    #shopping {
        margin-top: 0.625rem;
        margin-bottom: 3.125rem;
        position: relative;

        #my-nav {
            position: relative;

            .van-nav-bar {
                background-color: #e4e4e4;
            }

            background-color: rgb(228, 228, 228);

            .my-daohang {
                .van-nav-bar__content {
                    height: 1.25rem;
                    background-color: rgb(228, 228, 228);
                }
            }
        }

        .sopping {
            position: relative;

            .sopping1 {
                padding: 0;
            }
        }

        .van-button--default {
            position: absolute;
            background-color: aqua;
            width: 5rem;
            line-height: 1.25rem;
            font-size: 1rem;
            color: white;
            margin: 3.75rem;
            margin-left: -5rem;
            margin-top: -1.875rem;
        }
    }

    #shopping div .van-card {
        border-radius: 0.9375rem;
        background-color: rgb(255, 255, 255);
        margin: 0.375rem;
        box-shadow: 0rem 0rem 0.625rem 0.125rem rgb(194, 193, 193);
    }

    #shopping {
        .van-card__thumb {
            img {
                border-radius: 40%;
            }
        }
    }
}